<template>
    <div class="myInput">
       <label><slot></slot></label>
       <input :type="inputType" :placeholder="placeholder" :value="modelValue" @input="$emit('update:modelValue',$event.target.value)">
    </div>
</template>
<script>
export default {
  props:{
    placeholder: String,
    inputType: {
      type: String,
      default: 'text'
    },
    modelValue: String
  }
}
</script><style lang="scss" scoped>
 .myInput{
   margin-top: 15px;
   label{
     margin-right: 10px;
   }
   input{
    padding: 5px 10px;
   }
 }
</style>



